<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浙江工业大学之江学院</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <!-- 头部区域 -->
    <header>
        <div class="container header-top">
            <div class="logo">
                <i class="fas fa-university logo-icon"></i>
                <h1>浙江工业大学之江学院</h1>
            </div>
            <div class="search-box">
                <input type="text" placeholder="请输入关键词搜索...">
                <button><i class="fas fa-search"></i> 搜索</button>
            </div>
        </div>
    </header>

    <!-- 导航栏 -->
    <nav>
        <div class="container">
            <ul class="nav-menu">
                <li><a href="#" class="active">首页</a></li>
                <li><a href="#">学院概况</a></li>
                <li><a href="#">教育教学</a></li>
                <li><a href="#">招生就业</a></li>
                <li><a href="#">科学研究</a></li>
                <li><a href="#">校园生活</a></li>
                <li><a href="#">国际交流</a></li>
            </ul>
        </div>
    </nav>

    <!-- 图片展示区 -->
    <section class="banner">
        <div class="banner-content">
            <h2>知行合一，追求卓越</h2>
            <p>浙江工业大学之江学院是经浙江省人民政府批准、教育部确认、浙江工业大学举办的全日制本科独立学院</p>
            <a href="#" class="btn">了解更多</a>
        </div>
    </section>

    <!-- 新闻版块 -->
    <div class="container">
        <div class="section-title">
            <h2><i class="fas fa-newspaper"></i> 学院新闻</h2>
        </div>
        <div class="news-grid">
            <div class="news-card">
                <div class="news-img">
                    <img src="https://images.unsplash.com/photo-1523580494863-6f3031224c94?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="新闻图片">
                </div>
                <div class="news-content">
                    <h3>学院举行2023届毕业生毕业典礼暨学位授予仪式</h3>
                    <p>6月15日，浙江工业大学之江学院2023届毕业生毕业典礼暨学位授予仪式在学院体育馆隆重举行...</p>
                    <div class="news-date">2023-06-16</div>
                </div>
            </div>
            <div class="news-card">
                <div class="news-img">
                    <img src="https://images.unsplash.com/photo-1498243691581-b145c3f54a5a?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="新闻图片">
                </div>
                <div class="news-content">
                    <h3>我院学子在全国大学生创新创业大赛中斩获金奖</h3>
                    <p>在第八届中国国际"互联网+"大学生创新创业大赛全国总决赛中，我院"智创未来"团队凭借项目"智能农业监测系统"荣获金奖...</p>
                    <div class="news-date">2023-06-10</div>
                </div>
            </div>
            <div class="news-card">
                <div class="news-img">
                    <img src="https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="新闻图片">
                </div>
                <div class="news-content">
                    <h3>之江学院与绍兴市政府签署战略合作协议</h3>
                    <p>5月28日，浙江工业大学之江学院与绍兴市人民政府在绍兴饭店签署战略合作协议，双方将在人才培养、科技创新、产业发展等方面开展深度合作...</p>
                    <div class="news-date">2023-05-29</div>
                </div>
            </div>
            <div class="news-card">
                <div class="news-img">
                    <img src="https://images.unsplash.com/photo-1541339907198-e08756dedf3f?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="新闻图片">
                </div>
                <div class="news-content">
                    <h3>学院举办"数字经济与未来发展"学术论坛</h3>
                    <p>5月20日，由我院主办的"数字经济与未来发展"学术论坛在学院报告厅举行，来自全国各地的专家学者齐聚一堂，共同探讨数字经济发展趋势...</p>
                    <div class="news-date">2023-05-21</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 公告版块 -->
    <section class="announcement-section">
        <div class="container announcement-container">
            <div class="announcement-list">
                <h3>通知公告</h3>
                <div class="announcement-item">
                    <a href="#">
                        <span>关于2023年暑假放假及下学期开学安排的通知</span>
                        <span class="announcement-date">2023-06-15</span>
                    </a>
                </div>
                <div class="announcement-item">
                    <a href="#">
                        <span>之江学院2023年公开招聘教师公告</span>
                        <span class="announcement-date">2023-06-10</span>
                    </a>
                </div>
                <div class="announcement-item">
                    <a href="#">
                        <span>关于开展2023届毕业生离校手续办理工作的通知</span>
                        <span class="announcement-date">2023-06-08</span>
                    </a>
                </div>
                <div class="announcement-item">
                    <a href="#">
                        <span>图书馆暑假开放时间调整通知</span>
                        <span class="announcement-date">2023-06-05</span>
                    </a>
                </div>
            </div>
            <div class="announcement-list">
                <h3>学术活动</h3>
                <div class="announcement-item">
                    <a href="#">
                        <span>【讲座通知】人工智能在医疗领域的应用与发展</span>
                        <span class="announcement-date">2023-06-20</span>
                    </a>
                </div>
                <div class="announcement-item">
                    <a href="#">
                        <span>【会议预告】2023年长三角高校教育发展论坛</span>
                        <span class="announcement-date">2023-06-25</span>
                    </a>
                </div>
                <div class="announcement-item">
                    <a href="#">
                        <span>【征稿启事】《之江学刊》2023年第四期征稿通知</span>
                        <span class="announcement-date">2023-06-18</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- 主内容区 -->
    <div class="container">
        <div class="main-content">
            <div class="content-block">
                <div class="content-header">
                    <i class="fas fa-graduation-cap"></i> 校园生活
                </div>
                <div class="content-body">
                    <ul class="content-list">
                        <li>
                            <a href="#">
                                <span>2023年校园文化艺术节圆满落幕</span>
                                <span class="date">06-12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>学生社团招新活动火热进行中</span>
                                <span class="date">06-10</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>校园十佳歌手大赛决赛名单公布</span>
                                <span class="date">06-08</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>学生公寓安全卫生检查结果通报</span>
                                <span class="date">06-05</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>2023届毕业晚会筹备工作启动</span>
                                <span class="date">06-01</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="content-block">
                <div class="content-header">
                    <i class="fas fa-handshake"></i> 服务地方
                </div>
                <div class="content-body">
                    <ul class="content-list">
                        <li>
                            <a href="#">
                                <span>我院师生赴柯桥区开展乡村振兴调研</span>
                                <span class="date">06-14</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>学院与本地企业共建产学研合作基地</span>
                                <span class="date">06-11</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>之江学院志愿者助力绍兴马拉松赛事</span>
                                <span class="date">06-07</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>我院专家为中小企业提供技术咨询服务</span>
                                <span class="date">06-03</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>地方文化研究中心成果展在图书馆举行</span>
                                <span class="date">05-29</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="content-block">
                <div class="content-header">
                    <i class="fas fa-tv"></i> 媒体之江
                </div>
                <div class="content-body">
                    <ul class="content-list">
                        <li>
                            <a href="#">
                                <span>【浙江日报】之江学院探索应用型人才培养新模式</span>
                                <span class="date">06-13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>【绍兴新闻】之江学院科研成果助力地方产业升级</span>
                                <span class="date">06-09</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>【教育在线】专访之江学院院长：独立学院的转型发展之路</span>
                                <span class="date">06-04</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>【中国教育报】之江学院：产教融合培养应用型人才</span>
                                <span class="date">05-30</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>【新华网】之江学院创新创业教育成效显著</span>
                                <span class="date">05-25</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 专题网站版块 -->
    <div class="container">
        <div class="section-title">
            <h2><i class="fas fa-th-large"></i> 专题网站</h2>
        </div>
        <div class="special-grid">
            <div class="special-item">
                <i class="fas fa-book"></i>
                <h4>教务系统</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-book-open"></i>
                <h4>图书馆</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-user-graduate"></i>
                <h4>招生网</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-briefcase"></i>
                <h4>就业网</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-flask"></i>
                <h4>科研管理</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-network-wired"></i>
                <h4>信息门户</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-laptop"></i>
                <h4>网络教学</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-mail-bulk"></i>
                <h4>邮箱系统</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-hands-helping"></i>
                <h4>校友会</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-globe-asia"></i>
                <h4>国际交流</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-newspaper"></i>
                <h4>院报在线</h4>
            </div>
            <div class="special-item">
                <i class="fas fa-archive"></i>
                <h4>数字档案</h4>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-column">
                    <h3>关于我们</h3>
                    <ul class="footer-links">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">组织机构</a></li>
                        <li><a href="#">校园风光</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>快速链接</h3>
                    <ul class="footer-links">
                        <li><a href="#">OA办公系统</a></li>
                        <li><a href="#">教务管理系统</a></li>
                        <li><a href="#">图书馆</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>联系方式</h3>
                    <ul class="footer-links">
                        <li><i class="fas fa-map-marker-alt"></i> 地址：浙江省绍兴市柯桥区越州大道958号</li>
                        <li><i class="fas fa-phone"></i> 电话：0575-81112700</li>
                        <li><i class="fas fa-fax"></i> 传真：0575-81112713</li>
                        <li><i class="fas fa-envelope"></i> 邮箱：zzjc@zjut.edu.cn</li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>Copyright © 2023 浙江工业大学之江学院 版权所有</p>
                <p>浙ICP备XXXXXXXX号-1 浙公网安备 XXXXXXXX号</p>
            </div>
        </div>
    </footer>
</body>
</html>